// Footer Anchor Tags
.underline-anchor a {
  position: relative;
  color: white;
  text-decoration: none;
}

.underline-anchor a:hover {
  color: white;
}

.underline-anchor a::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: white;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}

.underline-anchor a:hover::before {
  transform: scaleX(1);
}


// Markdown Anchor Tags
.mdx-anchor a {
  position: relative;
  @apply text-substrateBlue dark:text-substrateBlue-light;
  text-decoration: none;
}

.mdx-anchor a:hover {
  @apply text-substrateBlue dark:text-substrateBlue-light;
}

.mdx-anchor a::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  @apply bg-substrateBlue dark:bg-substrateBlue-light;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}

.mdx-anchor a.md-button:hover::before {
  transform: scaleX(0);
}
.mdx-anchor a.anchor:hover::before {
  transform: scaleX(0);
}
.mdx-anchor a:hover::before {
  transform: scaleX(1);
}